<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>鸡兔同笼问题求解</title>
    <link rel="stylesheet" href="lab4-3.css">
</head>
<body>
    <div class="container">
        <h2>循环解决鸡兔同笼问题</h2>
        <div class="form-item">
            <label>鸡兔同笼，鸡兔一共</label>
            <input type="number" id="totalCount" value="35" min="0">
            <label>只。笼子里脚一共</label>
            <input type="number" id="totalFeet" value="94" min="0">
            <label>只，请问分别有多少只鸡和兔？</label>
            <button id="calculateBtn">计算</button>
        </div>
        <!-- 结果框容器，用于居中控制 -->
        <div class="result-container">
            <div id="result" class="result"></div>
        </div>
    </div>
    <script src="lab4-3.js"></script>
</body>
</html>